<div class="fe-floatright-bottom" style="bottom:5rem">
	<div class="icon" style="border-radius: 100%;padding:0.3rem;line-height:1;background-color: #FCC600;" href="javascript:;" ng-click="pagedata.showredpage=true">
		<i class="icon icon-tianmaobao1 bold" style="color:red;font-size:1.1rem;"></i>
	</div>
</div>
<div ng-if="pagedata.showredpage" class="popup">
	<style>
		.rp-container {
			padding-left:10px;
			padding-right:10px;
		}
		.rp-background-lightgray {
			background-color:rgb(240, 240, 240);
		}
		.rp-record {
			padding-top: 5px;
			padding-bottom: 5px;
			border-bottom: 1px solid rgb(240, 240, 240) ;
			display: flex;
			flex-direction: row;
			align-items: center;
		}
		.rp-record .avatar {
			width: 50px;
			border-radius: 3px;
		}
		.rp-record .info {
			display: inline-block;
			width: 100%;
		}
		.rp-record .desc {
			display:inline-block;
			margin-left: 1em;
		}
		.rp-record .datetime {
			color: rgb(200, 200, 200);
		}
		.rp-record .amount {
			float: right;
		}
		#unpaid .unpaid-alert .unpaid-subtitle{
			color: #999;
			text-align: center;
			width: 13rem;
			margin: .6rem auto
		}
	</style>
	<div class="popup-body">
		<div class="popup-center" style="padding-bottom:0.5rem;width:80%">
			<i class="closed icon icon-cuowu" ng-click="pagedata.showredpage=false"></i>
			<div style="color:#ffcc00;box-shadow:0 1px 2px gray;padding: 0 3px;text-align:center;margin-bottom:0.3rem;height:220px;background-color:#e52600;border-bottom-right-radius:50% 70px;border-bottom-left-radius:50% 70px;">
				<div style="text-align: center;padding-top:1rem;">
					<div style="">
						<img ng-src="{{tomedia(pagedata.red.avatar) ||'../core/resource/images/nopic.jpg'}}" style="display:inline-block;border-radius:5;width:25px;height:24px;margin:0;padding:0">
						<span style="padding-left:5px;vertical-align:middle;font-weight:bold;line-height:24px;font-size:20px;">{{pagedata.red.nickname}}的{{pagedata.red.typetitle}}</span>
					</div>
					<div style="margin: 10px;"><small>本次【{{pagedata.red.title || '开中最高盲盒奖'}}】</small></div>
					<div style="margin-top:1rem;">
						<span style="line-height:1em;font-size:2rem;">{{pagedata.red.log.fee ||'0.00'}}个</span>
					</div>
				</div>
			</div>
			<div style="border-bottom:1px solid #f0f0f0;">
				<div class="rp-container c" style="margin-top:10px;">
					<div style="padding-top:0.5em;padding-bottom:0.5em;">
						累计开中最高盲盒奖{{pagedata.red.allfee ||'0.00'}}个{{pagedata.red.typetitle}}
					</div>
				</div>
			</div>
			<div class="rp-container"  style="background-color:white;height:9rem;overflow-y:scroll">
				<div ng-repeat="x in pagedata.sale_red" class="rp-record">
					<img ng-src="{{tomedia(x.member.avatar) ||'../core/resource/images/nopic.jpg'}}" class="avatar">
						<span class="info" style="vertical-align: center">
					<span class="desc">
					  <span class="nickname">{{x.member.nickname}}</span><br/>
					  <span class="datetime">{{x.createtime}}</span>
					</span>
					<span class="amount">{{x.fee}}个</span>
				  </span>
				</div>
				<div class="content-empty" style="margin-top:1rem" ng-show="!pagedata.sale_red || pagedata.sale_red.length == 0">
					<i class="icon icon-tianmaobao1" style="width: 6rem;margin-bottom: 0.5rem;"></i><br/><p style="color: #999;font-size: .75rem">您暂时没有开中最高盲盒奖！</p>
				</div>
			</div>
		</div>
	</div>
</div>